<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        /* 可以按顺序设置如下属性： */
        /* list-style-type    list-style-position    list-style-image */
        /* 如果上述值丢失一个，其余仍在指定的顺序，就没关系。 */
        ul {
            list-style: square url("images/sqpurple.gif");
        }
    </style>
</head>

<body>
    <ul>
        <li>Coffee</li>
        <li>Tea</li>
        <li>Coca Cola</li>
    </ul>
</body>

</html>